iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
自我挑戰組

Elementor 教學 - 如何使用 WordPress 建立一頁式銷售網站系列 第 11

Elementor 教學 11 | 一頁式銷售網站的特點和優勢是什麼?

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20200912/20116357hGEF3gH1si.jpg

協作的工具:

Hello 佈景主題佈景主題編輯器 工作流程

引用官方教學來源:

Monday Masterclass: Building a One-Page Website on WordPress

[01] 為什麼選擇單頁式網站?

首先,將所有內容放在一個簡化的線性頁面上意味著訪問者仍然專注於您的內容。因此,您的一個頁面成為漏斗本身,不斷說服讀者向下滾動到號召性用語。這樣可以降低在點擊指向其他頁面的鏈接時丟失客戶的風險,這些鏈接可能會加載太慢或造成分心。

[02] 如何創建一個 [一頁式網站]?

安裝官方的 Hello 佈景主題,這是輕盈和空白的主題,對 Elementor 來說,這方便新增更多的功能進去網站,而不是使用一個預載大量不相關功能的主題。

範本庫 (Template Library) 搜尋關鍵字「Yacht」並套用

首頁 (Top)
特點 (Features)
關於我們 (About Us)
我們的 CEO (Our CEO)
目的地 (Destinations)
照片庫 (Photo Gallery)
訂閱我們 (Subscribe)
聯繫我們 (Contact Us)

並使用上方的名稱為 CSS ID 命名
命名是自由的,只要我們可以知道他們的對應選擇器

簡單點說,只要把 選單 (Menu) 上的連結位置
輸入例如 #Subscribe,這個選單 (不會另開一個新視窗) 而是在相同的頁面

連結到網站下方有「聲明」#Subscribe 的位置
基本上一頁式的原理就是這樣

[03] 善用 Theme Builder,加速開發流程

輸入以下關鍵字,並套用以下「頁首」和「頁尾」

「Yacht Header」
「Yacht Footer」

基本上一個 標準的一頁式網站 就初步完成
當然您需要把網站的內容,換成您自己的

總結:

Hello 佈景主題 和 Theme Builder 工作流程就是為了效率和速度,
您不需要購買任何付費的 佈景主題,只要使用簡潔的 Hello 佈景主題即可,
再配合 Theme Builder 大量現在即用的元素,
彈指之間,一個簡單的網站就輕鬆完成!


上一篇
【Elementor 教學 10】- Elementor 的常見問題合集(Frequently Asked Questions​)
下一篇
[Elementor 教學 12 ]- 官方推薦的第三方合作擴充工具 (3rd Party Elementor Add-Ons)
系列文
Elementor 教學 - 如何使用 WordPress 建立一頁式銷售網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言